<!DOCTYPE html>
<!-- 
	GeoEye Keynote Presentation Demonstration
	2011 Google Geospatial Awareness Day
	
	By: Alan Poole and Deke Young, GeoEye
	Date: August 24, 2011
 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Hello World QR Code + Google Maps, 2011 Google Geospatial
	Awarenss Day, GeoEye Keynote</title>
<script type="text/javascript">
	// the Google Maps API instance, once created
	var map;

	// function to initialize the Google Maps API
	function initMap() {
		// resize the Google Map canvas
		ResizeApp();

		// set the initial latitude and longitude to Germany, where the "qr" demo is located
		var latlng = new google.maps.LatLng(50.737320, 11.043878);

		// set the initial Google Maps API options
		var myOptions = {
			zoom : 8,
			center : latlng,
			mapTypeId : google.maps.MapTypeId.HYBRID
		};

		// create a new instance of the Google Maps API using the options above
		map = new google.maps.Map(document.getElementById("mapCanvas"),
				myOptions);

		// add a Google Earth KML document of the "hello world" demonstration
		// Source: http://hello.w0r1d.net
		var kmlLayer = new google.maps.KmlLayer(
				'http://hello.w0r1d.net/kmz/hello_world.kmz');

		// add the KML layer to the map by setting the layers map instance
		kmlLayer.setMap(map);
	}

	// function to load map script asynchronously by
	// adding the script tag once the page is loaded
	// the script will call function 'initialize' once the page is loaded
	function loadMapScript() {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.src = "https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=false&callback=initMap";
		document.body.appendChild(script);
	}

	// once the page is loaded, this function will execute
	// the loadMapScript function
	window.onload = loadMapScript;

	// resize the application and Map Canvas appropriately
	function ResizeApp() {
		try {
			var htmlheight = document.body.parentNode.clientHeight;
			var windowheight = window.screen.height;
			var frame = document.getElementById("mapCanvas");
			if (htmlheight < windowheight) {
				frame.style.height = windowheight + "px";
			}
		} catch (e) {
		}
	}
</script>
</head>

<body style="height: 100%; margin: 0; padding: 0;">
	<div id="mapCanvas" style="width: 100%; height: 400px"></div>
</body>
</html>